{% extends 'PortalMainBundle::layout.html.twig' %}

{% block stylesheets %}
  {{ parent() }}
{% endblock %}
{% block javascripts %}
  {{ parent() }}
<script src="{{ asset('js/jquery.js') }}" type="text/javascript"></script>
<script>
function checkboxCheck()
{  
  if ($('#checkbox').is(':checked')) {

    $("#submitButton").removeAttr('disabled');
    } else {
      
        $("#submitButton").attr('disabled', 'disabled');
    }
 
}

function validate(form) {
  
      var contractHTML = $('#contentId').html();
      $('#contractContent').val(contractHTML);
      
      var valid = true;
      
      // validation code here ...

      if(!valid) return false;
      else return confirm('Та хичээл заах үүсгэхдээ итгэлтэй байна уу?');
  }

  </script>
{% endblock %}
{% block content %}
  
  <div style="border: 1px solid #ccc;margin: 0 auto; width: 800px; height: auto;margin-top: 20px;" id="contentId"> 
  <h3 style="text-align: center">Хичээл заах гэрээ</h3>
  Та доорх хичээлийн хуваариар гэрээ үүсгэхийг зөвгөөрч байна уу?
  
  
    {% render 'PortalLessonBundle:Lesson:showLessonByComponent' with {'lessonId' : lessonId} %}
    
  </div>
    
  <form action="{{path('createContract')}}" method="POST" autocomplete="off" onsubmit="return validate(this);">
    <table>
      <tr>
        <td>Вебсайтын журамыг зөвшөөрч байна</td>
        <td><input type="checkbox" value="1" id="checkbox" onclick="checkboxCheck($(this))"></td>
      </tr>
      <tr>
        <td>Хичээлийг баталгаажуулж </td>
        <td>
            <input type="submit" value="гэрээ үүсгэх" name="submitButton" class="btn btn-success" id="submitButton" disabled="disabled">
        
        </td>
      </tr>
    </table>
    <input type="hidden" name="lessonId" value="{{lessonId}}"/>        
    <input type="hidden" name="studentId" value="{{studentId}}"/>        
    <input type="hidden" name="content" id="contractContent" value=""/>

  </form>

{% endblock %}